.slick-slider


{


    position: relative;





    display: block;


    box-sizing: border-box;





    -webkit-user-select: none;


       -moz-user-select: none;


        -ms-user-select: none;


            user-select: none;





    -webkit-touch-callout: none;


    -khtml-user-select: none;


    -ms-touch-action: pan-y;


        touch-action: pan-y;


    -webkit-tap-highlight-color: transparent;


}





.slick-list


{


    position: relative;





    display: block;


    overflow: hidden;





    margin: 0;


    padding: 0;


}


.slick-list:focus


{


    outline: none;


}


.slick-list.dragging


{


    cursor: pointer;


    cursor: hand;


}





.slick-slider .slick-track,


.slick-slider .slick-list


{


    -webkit-transform: translate3d(0, 0, 0);


       -moz-transform: translate3d(0, 0, 0);


        -ms-transform: translate3d(0, 0, 0);


         -o-transform: translate3d(0, 0, 0);


            transform: translate3d(0, 0, 0);


}





.slick-track


{


    position: relative;


    top: 0;


    left: 0;





    display: block;


    margin-left: auto;


    margin-right: auto;


}


.slick-track:before,


.slick-track:after


{


    display: table;





    content: '';


}


.slick-track:after


{


    clear: both;


}


.slick-loading .slick-track


{


    visibility: hidden;


}





.slick-slide


{


    display: none;


    float: left;





    height: 100%;


    min-height: 1px;


}


[dir='rtl'] .slick-slide


{


    float: right;


}


.slick-slide img


{


    display: block;


}


.slick-slide.slick-loading img


{


    display: none;


}


.slick-slide.dragging img


{


    pointer-events: none;


}


.slick-initialized .slick-slide


{


    display: block;


}


.slick-loading .slick-slide


{


    visibility: hidden;


}


.slick-vertical .slick-slide


{


    display: block;





    height: auto;





    border: 1px solid transparent;


}


.slick-arrow.slick-hidden {


    display: none;


}








.slick-dots


{


    bottom: 10px;


}


.slick-dots li button:before


{


    font-size: 12px;


	color:#fff !important;


}
.banners-pc {
height: 500px;
display: block;
}
.banners-mb {
display: none;
clear: both;
height: 500px;
}
.banners-mb div {
height: 100%;
}
.banners-mb {
display: none;
}
.frame{height: 500px;background: no-repeat center center;background-size: cover; width:100%;}
@media (max-width: 1024px) {
.banners-pc {
display: none;
}
.banners-mb {
margin-top: 0px;
display: block;
height:240px;
}}